/*.gantt, a {*/
/*text-decoration: none;*/
/*font-weight: bold;*/
/*color: #16ABDD;*/
/*}*/

/*.gantt, th, .tableHeader {*/
/*font-weight: normal;*/
/*color: #FFFFFF;*/
/*border: none;*/
/*background-color: #dedede;*/
/*padding:2px*/
/*}*/

.gdfTable {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
}

.gdfTable td, .gdfTable th {
    vertical-align: middle;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    font-size: 12px
}

.gdfCell {
    overflow: hidden;
    padding: 1px
}

.gdfColHeader {
    min-width: 5px;
    height: 30px;
    background-color: #DEDEDE;
}

.gdfCell, .gdfColHeader {
    /*border-bottom: 1px solid #eee;*/
    /*border-right: 1px solid #eee;*/
    border-bottom: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
}

.ganttLines {
    position: absolute;
    width: 100%;
    height: 18px;
    border-top: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    z-index: 1;
}

.gdfCellInput {
    border: 0 none;
    font-size: 12px;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #dedede;
}

.gdfCellWrap {
    border: 0 none;
    font-size: 12px;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: hidden;

    background-color: #ffcccc;
}

.gdfColHeaderOver {
    opacity: .7;
}

.gdfHResizing {
    cursor: w-resize;
}

.splitterContainer {
    width: 100%;
    height: 100%;
}

.splitBox1 {
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: rgb(240, 240, 240);;
}

.splitBox2 {
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: rgb(240, 240, 240);;
}

.unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.splitElement {
    outline-style: none;
    position: absolute;
    height: 100%;
}

.vSplitBar {
    width: 5px;
    background-color: #aaa;
    cursor: w-resize;
    text-align: center;
    color: white;
}

.end {
    border-right: 1px dotted #666
}

.holyH {
    background-color: #dedede;
}

.holy {
    background-color: rgb(224, 227, 230);
}

.expcoll {
    width: 6px;
    height: 6px;
    margin: 1px;
    padding: 1px;
    background-color: yellow;
    display: inline-block;
    border: 1px solid gray;
}

.expcoll.exp {
    display: none;
}

.ganttTable {
    table-layout: fixed;
}

.ganttTable td, .ganttTable th {
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
}

.ganttHead1, .ganttHead2 {
    height: 20px;
    background-color: #DEDEDE;
}

.ganttHead1 th, .ganttHead2 th {
    border-left: 1px solid #afafaf;
}

.ganttToday {
    position: absolute;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 2px dotted #13AFA5;
    z-index: 2;
}

.ganttHighLight {
    position: absolute;
    width: 100%;
    height: 18px;
    background-color: yellow;
    opacity: .4;
}

.ganttButtonBar {
    position: relative;
    padding: 5px;
}

.ganttButtonBar .buttons {
    float: left;
    margin: 0 0 0 40px
}

.ganttButtonBar .button span.teamworkIcon {
    font-size: 150%
}

.ganttButtonSeparator {
    border-left: 1px solid gray;
    padding-right: 10px;
    margin-left: 10px;
    font-size: 130%
}

.ganttLinks {
    z-index: 10;
}

.leafTaskContextMenu {
    position: absolute;
    width: 100%;
    height: 15px;
}

.parentTaskContextMenu {
    position: absolute;
    width: 100%;
    height: 15px;
}

/*PROJECT BOX*/
.projectBox {
    position: absolute;
    margin-top: 2px;
    z-index: 100;
}

.projectBox .layout {
    background-color: black;
    border-radius: 3px 3px 3px 3px;
    height: 18px;
}

.projectBox .layout .leftPin {
    top: 3px;
    position: absolute;
    width: 10px;
    height: 10px;
    /*background: url('../images/parentTaskBoxLeftPin.png') no-repeat;*/
}

.projectBox .layout .rightPin {
    top: 3px;
    right: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    /*background: url('../images/parentTaskBoxRightPin.png') no-repeat;*/
}

.projectBox .taskStatus {
    left: 5px;
    top: 4px;
    position: absolute;
    width: 10px;
    height: 10px;
}

.projectBox .layout .milestone {
    top: 0;
    position: absolute;
    width: 16px;
    background: url('../images/milestone.png') no-repeat;
    height: 16px;
    display: none;
}

.projectBox .layout .milestone.end {
    right: 0;
}

.projectBox .layout .milestone.active {
    display: block;
}

.projectBox.hasChild .layout {
    /*border:2px solid black;*/
}

.projectBox .taskProgress {
    height: 3px;
    position: absolute;
}

.projectBox .taskBid {
    height: 3px;
    position: absolute;
    /*border-radius: 3px;*/
    top: 3px;
}

.projectBox .layout.extDep {
    background-image: url('../images/hasExternalDeps.png');
}

/*TASK BOX*/
.taskBox {
    position: absolute;
    height: 15px;
    margin-top: 2px;
    z-index: 100;
    border-radius: 3px;
    border: 1px solid #AAAAAA;

    background-image: linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -o-linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -moz-linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -webkit-linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E0E0E0), color-stop(0.50, #FFFFFF));
}

.taskBox .layout {
    height: 100%;
}

.taskBox .taskStatus {
    left: 5px;
    top: 4px;
    position: absolute;
    width: 10px;
    height: 10px;
}

.taskBox .layout .milestone {
    top: 0;
    position: absolute;
    width: 16px;
    background: url('../images/milestone.png') no-repeat;
    height: 16px;
    display: none;
}

.taskBox .layout .milestone.end {
    right: 0;
}

.taskBox .layout .milestone.active {
    display: block;
}

.taskBox.hasChild .layout {
    border-top: 2px solid black;
}

.taskBox .taskProgress {
    /*height:3px;*/
    height: 100%;
    position: absolute;

    background-image: linear-gradient(bottom, #6DD900 0%, #99FF33 50%);
    background-image: -o-linear-gradient(bottom, #6DD900 0%, #99FF33 50%);
    background-image: -moz-linear-gradient(bottom, #6DD900 0%, #99FF33 50%);
    background-image: -webkit-linear-gradient(bottom, #6DD900 0%, #99FF33 50%);
    background-image: -ms-linear-gradient(bottom, #6DD900 0%, #99FF33 50%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6DD900), color-stop(0.50, #99FF33));
    border-radius: 2px;
}

.taskBox .taskExtraTiming {
    height: 7px;
    position: absolute;
    border-radius: 2px;
    top: 9px;
    right: 0;
    background-color: red;
}

.taskBox .layout.extDep {
    background-image: url('../images/hasExternalDeps.png');
}

/*PARENT TASK BOX*/
.parentTaskBox {
    position: absolute;
    /*height: 6px;*/
    margin-top: 2px;
    z-index: 100;
}

.parentTaskBox .layout {
    height: 5px;
    background: black;
    border-radius: 3px 3px 0 0;
}

.parentTaskBox .layout .leftPin {
    top: 3px;
    position: absolute;
    width: 10px;
    height: 10px;
    background: url('../images/parentTaskBoxLeftPin.png') no-repeat;
}

.parentTaskBox .layout .rightPin {
    top: 3px;
    right: 0;
    position: absolute;
    width: 10px;
    height: 10px;
    background: url('../images/parentTaskBoxRightPin.png') no-repeat;
}

.parentTaskBox .taskStatus {
    left: 5px;
    top: 4px;
    position: absolute;
    width: 10px;
    height: 10px;
}

.parentTaskBox .layout .milestone {
    top: 0;
    position: absolute;
    width: 16px;
    background: url('../images/milestone.png') no-repeat;
    height: 16px;
    display: none;
}

.parentTaskBox .layout .milestone.end {
    right: 0;
}

.parentTaskBox .layout .milestone.active {
    display: block;
}

.parentTaskBox.hasChild .layout {
}

.parentTaskBox .taskProgress {
    height: 3px;
    position: absolute;
}

.parentTaskBox .taskBid {
    height: 3px;
    position: absolute;
    top: 3px;
}

.parentTaskBox .layout.extDep {
    background-image: url('../images/hasExternalDeps.png');
}

/*TIME LOG BOX*/
.timeLogBox {
    position: absolute;
    height: 15px;
    margin-top: 2px;
    z-index: 100;
    border-radius: 3px;
    border: 1px solid #AAAAAA;

    background-image: linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -o-linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -moz-linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -webkit-linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);
    background-image: -ms-linear-gradient(bottom, #E0E0E0 0%, #FFFFFF 50%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #E0E0E0), color-stop(0.50, #FFFFFF));
}

.timeLogBox .layout {
    height: 100%;
}

.timeLogBox .taskStatus {
    left: 5px;
    top: 4px;
    position: absolute;
    width: 10px;
    height: 10px;
}

.timeLogBox .layout .milestone {
    top: 0;
    position: absolute;
    width: 16px;
    background: url('../images/milestone.png') no-repeat;
    height: 16px;
    display: none;
}

.timeLogBox .layout .milestone.end {
    right: 0;
}

.timeLogBox .layout .milestone.active {
    display: block;
}

.timeLogBox.hasChild .layout {
    border-top: 2px solid black;
}

.timeLogBox .taskProgress {
    /*height:3px;*/
    height: 100%;
    position: absolute;

    background-image: linear-gradient(bottom, #6DD900 0%, #99FF33 50%);
    background-image: -o-linear-gradient(bottom, #6DD900 0%, #99FF33 50%);
    background-image: -moz-linear-gradient(bottom, #6DD900 0%, #99FF33 50%);
    background-image: -webkit-linear-gradient(bottom, #6DD900 0%, #99FF33 50%);
    background-image: -ms-linear-gradient(bottom, #6DD900 0%, #99FF33 50%);

    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6DD900), color-stop(0.50, #99FF33));
    border-radius: 2px;
}

.timeLogBox .taskExtraTiming {
    height: 7px;
    position: absolute;
    border-radius: 2px;
    top: 9px;
    right: 0;
    background-color: red;
}

.timeLogBox .layout.extDep {
    background-image: url('../images/hasExternalDeps.png');
}

.taskLabel {
    position: absolute;
    height: 18px;
    color: black;
    text-align: right;
    padding-right: 5px;
    padding-top: 0;
    overflow: hidden;
    left: -210px;
    width: 195px;
    white-space: nowrap;
}

.taskResourceLabel {
    color: black;
    height: 18px;
    left: 100%;
    overflow: visible;
    padding-left: 15px;
    padding-top: 0;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    width: 195px;
}

.taskDepLabel {
    color: black;
    height: 18px;
    left: 100%;
    overflow: visible;
    padding-left: 15px;
    padding-top: 0;
    position: absolute;
    text-align: left;
    white-space: nowrap;
    width: 195px;
}

.taskDepLine {
    background-color: #b8d1ed;
    border: 0 solid #b8d1ed;
    overflow: hidden;
    position: absolute;
}

.projectEditRow, .emptyRow {
    height: 19px;
}

.projectEditRow input {
    border: 0 none;
    font-size: 12px;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Arial, sans-serif
}

.projectEditRow.rowSelected td, .projectEditRow.rowSelected input {
    background-color: #FFFF99;
}

.parentTaskEditRow, .emptyRow {
    height: 19px;
}

.parentTaskEditRow input {
    border: 0 none;
    font-size: 12px;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Arial, sans-serif
}

.parentTaskEditRow.rowSelected td, .parentTaskEditRow.rowSelected input {
    background-color: #FFFF99;
}

.taskEditRow, .emptyRow {
    height: 19px;
}

.taskEditRow input {
    border: 0 none;
    font-size: 12px;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Arial, sans-serif
}

.taskEditRow.rowSelected td, .taskEditRow.rowSelected input {
    background-color: #FFFF99;
}

.resourceEditRow, .emptyRow {
    height: 19px;
}

.resourceEditRow input {
    border: 0 none;
    font-size: 12px;
    height: 14px;
    margin: 0;
    padding: 0;
    width: 100%;
    font-family: Arial, sans-serif
}

.resourceEditRow.rowSelected td, .resourceEditRow.rowSelected input {
    background-color: #FFFF99;
}

.taskStatusBox {
    position: absolute;
    width: 100px;
    height: 18px;
    border: 1px solid #a0a0a0;
    background-color: #fff;
    margin-top: 2px;
    margin-left: -1px;
    padding: 2px
}

.taskStatus {
    width: 12px;
    height: 12px;
    display: inline-block;
}

.taskStatus[status=STATUS_ACTIVE] {
    background-color: #66FF99;
}

.taskStatus[status=STATUS_DONE] {
    background-color: #0099FF;
}

.taskStatus[status=STATUS_FAILED] {
    background-color: #660066;
}

.taskStatus[status=STATUS_SUSPENDED] {
    background-color: #fbb11e;
}

.taskStatus[status=STATUS_UNDEFINED] {
    background-color: #ffffff;
}

.taskStatus.selected {
    border: #666 2px solid;
}

.ui-resizable-helper {
    border: 1px dotted #00F;
}

.ui-resizable-e, .ui-resizable-w {
    width: 5px;
}

.ui-draggable {
    cursor: move;
}

.leftArrowHead {
    background: url('../images/leftArrowHead.png') no-repeat;
    position: absolute;
    left: 0px;
    width: 5px;
    height: 10px;
    margin-top: 5px;
    z-index: 1;
}

.rightArrowHead {
    background: url('../images/rightArrowHead.png') no-repeat;
    position: absolute;
    right: 0px;
    width: 5px;
    height: 10px;
    margin-top: 5px;
    z-index: 1;
}


.linkArrow {
    background: url('../images/linkArrow.png') no-repeat;
    position: absolute;
    width: 5px;
    height: 10px;
}

.clippedStart {
    left: 0;
    border-left: 6px double red;
    position: absolute;
}

.clippedEnd {
    right: 0;
    border-right: 6px double red;
    position: absolute;
}

.folder {
    position: absolute;
    width: 12px;
    height: 12px;
    margin-top: 2px;
}

.folder.collapsed {
    background: url('../images/gmail_icons.png') -40px -120px no-repeat;
}

.folder.collapsed:hover {
    background: url('../images/gmail_icons.png') -60px -120px no-repeat;
}

.folder.uncollapsed {
    background: url('../images/gmail_icons.png') 0 -120px no-repeat;
}

.folder.uncollapsed:hover {
    background: url('../images/gmail_icons.png') -20px -120px no-repeat;
}

.ProjectRow {
    background-color: rgba(209, 209, 209, 0.5);
}

.TaskRow {
    background-color: rgba(241, 241, 241, 0.5);
}

.AssetRow {
    background-color: rgba(255, 231, 219, 0.5);
}

.ShotRow {
    background-color: rgba(196, 230, 233, 0.5);
}

.SequenceRow {
    background-color: rgba(222, 218, 255, 0.5);
}
